<template>
<div>
     <template>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="头像"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
  </template>
    <!-- <div class="infoshow">
    <el-row type="flex" class="row-bg" justify="center">
        <el-cool :span="8">
            <div class="user">
                <img src="@/assets/3.jpg" class="avatar" alt="">
            </div>
        </el-cool>
        <el-col :span="16">
            <div class="userinfo">
                <i class="fa fa-user"></i>
                <span>{{user.name}}</span>
            </div>
            <div class="user-item">
                    <i class="fa fa-cog"></i>
                    <span>{{user.identity == 'manager' ? '管理员':'普通员工'}}</span>
            </div>
        </el-col>
    </el-row>
    </div> -->
</div>
   
</template>
<script>
export default {
    name:'infoshow',
  
    computed:{
        user(){
            return this.$store.getters.user;
        }
    },
    data(){
        return{
             tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
        }
    },

}
</script>
<style scoped>
.infoshow{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.row-bg{
    width: 100%;
    height: 100%;
}
.user{

    text-align: center;
    position: relative;
 
}
.user .avatar{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
 
</style>